li {
    z-index: 99999;
    color: #e69941;
}

.lista-razas {
    list-style: disc;
    display: block;
    text-align: left;
    border: none;
    border-radius: 0%;
    padding: 0%;
    background: 
        url('assets/images/img1.jpg') no-repeat center center fixed; /* Ruta correcta */
    background-size: cover; /* Para que la imagen cubra el área */
    margin-left: 2rem;
}


.lista-dioses {
    list-style: disc;
    display: block;
    text-align: left;
    border: none;
    border-radius: 0%;
    padding: 0%;
    background: 
        url('assets/images/img1.jpg') no-repeat center center fixed; /* Ruta correcta */
    background-size: cover; /* Para que la imagen cubra el área */
    margin-left: 2rem;
}



.lista-personajes {
    list-style: disc;
    display: block;
    text-align: left;
    border: none;
    border-radius: 0%;
    padding: 0%;
    background: 
        url('assets/images/img1.jpg') no-repeat center center fixed; /* Ruta correcta */
    background-size: cover; /* Para que la imagen cubra el área */
    margin-left: 2rem;
}

.lista-eventos {
    list-style: disc;
    display: block;
    text-align: left;
    border: none;
    border-radius: 0%;
    padding: 0%;
    background: 
        url('assets/images/img1.jpg') no-repeat center center fixed; /* Ruta correcta */
    background-size: cover; /* Para que la imagen cubra el área */
    margin-left: 2rem;
}

.lista-casas {
    list-style: disc;
    display: block;
    text-align: left;
    border: none;
    border-radius: 0%;
    padding: 0%;
    background: 
        url('assets/images/img1.jpg') no-repeat center center fixed; /* Ruta correcta */
    background-size: cover; /* Para que la imagen cubra el área */
    margin-left: 2rem;
}

.lista-guardias{
    list-style: disc;
    display: block;
    text-align: left;
    border: none;
    border-radius: 0%;
    padding: 0%;
    background: 
        url('assets/images/img1.jpg') no-repeat center center fixed; /* Ruta correcta */
    background-size: cover; /* Para que la imagen cubra el área */
    margin-left: 2rem;
}

.lista-diccionario {
    list-style: disc;
    display: block;
    text-align: left;
    border: none;
    border-radius: 0%;
    padding: 0%;
    background: 
        url('assets/images/img1.jpg') no-repeat center center fixed; /* Ruta correcta */
    background-size: cover; /* Para que la imagen cubra el área */
    margin-left: 2rem;
}


@media (max-width: 768px) {
    .lista-razas, .lista-dioses, .lista-personajes, .lista-eventos, .lista-casas, .lista-guardias, .lista-diccionario {
        margin-left: 1rem; /* Reduce el margen en pantallas pequeñas */
        background-size: contain; /* Ajusta el fondo */
        padding: 10px; /* Ajusta el espaciado interno */
    }
}
@media (max-width: 480px) {
    .lista-razas, .lista-dioses, .lista-personajes, .lista-eventos, .lista-casas, .lista-guardias, .lista-diccionario {
        margin-left: 0.5rem;
        padding: 5px;
        background-size: cover;
    }
}
.lista-razas, .lista-dioses, .lista-personajes, .lista-eventos, .lista-casas, .lista-guardias, .lista-diccionario {
    background-size: cover;
}